<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>金融链-资讯中心</title>
		<meta name="Keywords" content="金融链新闻，贷款咨询，贷款帮助，金融链资讯，贷款常见问题"/>
		<meta name="Description" content="金融融致力于打造开放、共享的互联网科技金融平台，携手知名渠道产品合作，提供优质业务信息服务，为您提供更好的展业服务体验。金融链全面招募合伙人正式开启。"/>
		<link rel="shortcut icon" type="image/x-icon" href="//s10.realdtech.com/finchain/finchain-zhaoshang/img/favicon-logo.ico" />
		<link rel="stylesheet" type="text/css" href="//static1.finchain.cc/lib/amazeui/v2.7.2/css/amazeui.min.css" />
		<link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" type="text/css" href="//s10.realdtech.com/finchain/finchain-zhaoshang/css/base.css" />
		<link rel="stylesheet" type="text/css" href="//s10.realdtech.com/finchain/finchain-zhaoshang/css/public.css" />
		<link rel="stylesheet" type="text/css" href="//s10.realdtech.com/finchain/finchain-zhaoshang/css/informationCenter.css" />
		<!--[if lte IE 8]>
            <script>window.location.href='http://cdn.dmeng.net/upgrade-your-browser.html?referrer='+location.href;</script>
        <![endif]-->
		<script src="//static1.finchain.cc/lib/amazeui/v2.7.2/js/jquery.min.js"></script>
		<script src="//s10.realdtech.com/finchain/finchain-zhaoshang/js/jquery.page.js"></script>
		<script src="//s10.realdtech.com/finchain/finchain-zhaoshang/js/public.js"></script>

	</head>

	<body>
	<div id="container">
		<!--头部-->
		<div id="header">
				<div class="header-top">
					<div class="inner">
						<ul>
							<li><a href="index"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/home.png"/>金融链</a></li>
							<li><a href="join"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/zhaoshang.png"/>招商加盟</a></li>
							<li><a href="#">金融链-让天下没有难贷的款</a></li>
						</ul>
						<ul style="float: right;">
							<li class="weixin">
								<a href="#"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/weixin.png"/>微信公众号</a>
								<div class="weixinImg">
									<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/erweima.png"/>
								</div>
							</li>
							<li><a href="#"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/tel.png"/>招商热线：<span class="hot">400-606-9989</span></a></li>
						</ul>
					</div>
				</div>
				<div class="header-bottom">
					<div class="logo">
						<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/logo.png"	/>
					</div>
					<div class="address">
						城市/<span class="addLocation">郑州</span>
						<div class="switchCity">
							切换城市
							<div class="publicHeight">
								<div class="publicCitys">
									<div>进入城市</div>
									<div>
										<a href="#">北京</a>
										<a href="#">上海</a>
										<a href="#">重庆</a>
										<a href="#">天津</a>
										<a href="#">广州</a>
										<a href="#">青岛</a>
										<a href="#">深圳</a>
										<a href="#">合肥</a>
										<a href="#">南昌</a>
										<a href="#">贵阳</a>
										<a href="#">福州</a>
										<a href="#">西安</a>
										<a href="#">南京</a>
										<a href="#">郑州</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="login-register" style="float: right;">
						<a href="#">登录入口</a><a href="bussinessRegister.html">企业注册</a>
					</div>
					<div class="nav" style="float: right;">
						<ul>
							<li><a href="index" style="margin-left: 0;">金融链</a></li>
							<li><a href="productShow">渠道展示</a></li>
							<li><a href="businessShow">业务展示</a></li>
							<li><a class="active" href="infomationCenter">资讯中心</a></li>
							<li><a href="join">招商加盟</a></li>
						</ul>
					</div>
				</div>
			</div>
		<!--资讯中心-->
		<div class="info-banner">
		</div>
		<div id="index-newest">
			<div class="index-newest-con">
				<div class="newGongGao"><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/notice-icon.png" alt="" />最新公告：</div>
				<div id="gongGao">
					<ul>
						#for(li : list_B)
						<li><a href="informationCenterDetail?genre=4&id=#(li.id??)"><i></i>#(li.headline??)</a></li>
						#end
					</ul>
				</div>
			</div>
		</div>
		<!--资讯信息内容-->
		<div class="info-container">
			<div class="menu">
				<h2>资讯中心</h2>
				<ul>
					<li class="active">金融链资讯<i class="fa fa-angle-right fa-lg"></i></li>
					<li>行业资讯<i class="fa fa-angle-right fa-lg"></i></li>
					<li>贷款攻略<i class="fa fa-angle-right fa-lg"></i></li>
				</ul>
			</div>
			<div class="info-content">
				<div class="content active">
					<!-- 资讯数据 -->
					<div class="reald realdInfo"></div>
					<div class="pagination" id="pagination">

					</div>
				</div>
				<div class="content">
					<div class="reald businessInfo">
						<div class="reald-info"></div>
					</div>
					<div class="pagination" id="paginationBusinessInfo"></div>
				</div>
				<div class="content">
					<div class="reald loanIdea"></div>
					<div class="pagination" id="paginationloanIdea"></div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
		</div>

		<!--底部-->
		<div id="footer">
				<div class="footer-con">
					<div class="footer-con-top">
						<div class="product">
							<h4>渠道展示</h4>
							<ul>
								<li><a href="productShow?ck=0">信用贷款</a></li>
								<li><a href="productShow?ck=1">车辆贷款</a></li>
								<li><a href="productShow?ck=2">房屋贷款</a></li>
								<li><a href="productShow?ck=3">企业贷款</a></li>
							</ul>
						</div>
						<div class="product">
							<h4>招商加盟</h4>
							<ul>
								<li><a href="join">品牌实力</a></li>
								<li><a href="join">雄厚资源</a></li>
								<li><a href="join">服务人群</a></li>
								<li><a href="join">盈利模式</a></li>
								<li><a href="join">合作流程</a></li>
							</ul>
						</div>
						<div class="product-bot">
							<ul>
								<li><a href="businessShow">业务展示</a></li>
								<li><a href="infomationCenter">资讯中心</a></li>
								<li><a href="contactUs.html">联系我们</a></li>
								<li><a href="calculator.html">贷款计算器</a></li>
							</ul>
							<a href="join_apply.html">渠道入驻</a>
						</div>
						<div class="product-bot">
							<img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/erweima.png" alt="" />
							<p>扫一扫关注微信公众号</p>
						</div>
						<div class="product-bot">
							<p class="special-p">招商热线：</p>
							<h4>400-606-9989</h4>
							<p>（仅工作日：09:00~18:00）</p>
							<p class="special-p" style="margin-top: 10px;">地址：</p>
							<p style="text-align: left;">河南省郑州市郑东新区康宁街与普济路交叉口威斯顿广场</p>
						</div>
					</div>
					<div class="footer-con-mid">
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-1.png" alt="" /></div>
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-2.png" alt="" /></div>
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-3.png" alt="" /></div>
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-4.png" alt="" /></div>
						<div><img src="//s10.realdtech.com/finchain/finchain-zhaoshang/img/sec-5.png" alt="" /></div>
					</div>
				</div>
				<div class="footer-con-bot">版权所有&copy;真金网络科技（北京）有限公司 京ICP备16027759 号-2</div>
			</div>
		</div>
	</div>
	</body>
	
	<script>
	//头部导航切换
		$(".publicCitys a").click(function(){
			$(".addLocation").text($(this).text())
		})
	//第一个分页的地址  金融链资讯
    pagination("infomationCenter_finchain",0,".realdInfo");
    //分页
    function pagination(url,index,container){
        var pageSize = 8; //每页的数据量
        var totalSize = 0; //总数据量
        var flag = true;
        getData(1);
        function getData(p) {
            setTimeout(function() {
                $.ajax({
                    url: url,
                    type: "get",
                    dataType:"json",
                    success: function(data) {
                        totalSize = data.length;
                        //每个页面 2条数据
                        //数量量  pageSize = 3;
                        //1.  1 2 3
                        //2.  4 5 6
                        //3.  7 8 9
                        //..
                        //当前页码     数据量 2个
                        //start     end
                        var end = p * pageSize;
                        end = end > totalSize ? totalSize : end;
                        var start = p * pageSize - (pageSize - 1);
                        $(container).empty();
                        for (var i = start; i <= end; i++) {
                            //data[i-1]
                            var currentObj = data[i - 1];
                            console.log(currentObj);
                            $('<div class="reald-info">' +
                                '<div class="info-img">' +
                                '<img src="' + currentObj.img + '"  height="210" width="215">' +
                                '</div>' +
                                '<div class="reald-content">' +
                                '<h2>' + currentObj.headline + '</h2>' +
                                '<p>' + currentObj.headline + ' <span>' + currentObj.date + '</span></p>' +
                                '<a href="informationCenterDetail?genre='+currentObj.genre+'&id='+currentObj.id+'">' +'查看详情'+ '</a>' +
                                '</div>' +
                                '</div>').appendTo(container);
                        }
                        var pageCount = Math.ceil(totalSize / pageSize);
                        if (flag) {
                            flag = false;
                            createPaeBar(pageCount)
                        }
                    },
                    error: function() {
                    }
                })
            }, 1000)
        }

        function createPaeBar(pageCount) { //后端会给你返回，总页数，起始页，终止页
            $(".pagination").eq(index).createPage({
                pageCount: pageCount, //总页数
                current: 1, //当前页码
                backFn: function(p) { //回调函数 ，点击当前页的回调函数
                    getData(p)
                }
            }); //console.log(data)
        }
    }

	/*菜单切换*/
    var menuLis = $(".menu ul li");
    //分页的三个地址
    var arrUrl=["infomationCenter_finchain","infomationCenter_industry","infomationCenter_strategy"];
    var arrPage=[".realdInfo",".businessInfo",".loanIdea"]

    var url=window.location.search;
    var url=url.split("=")[1];
    menuLis.eq(url).addClass("active").siblings().removeClass();
    $(".info-content .content").eq(url).show().siblings().hide();

    menuLis.on("click", function() {
        var $this = $(this).index();
        $(this).addClass("active").siblings().removeClass();
        $(".info-content .content").eq($this).show().siblings().hide();
        pagination(arrUrl[$this],$this,arrPage[$this]);
    });
	</script>

</html>